{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_task.css"> 
{%endblock%}
{% block content %} 
    {% block header%}
    {% set pageHeaderConf = {pageTitle:__("task_page_title"),level:2} %} 
    {% include "../_base/page_header.html" %} 
    {% endblock %}
<div class="eui-main-container eui--padding-b-0 task-main-container">
    {% block banner%}
    {% include "../common/page_banner.html" %} 
    {% endblock %} 
     <ul class="eui-bar-tab eui--margin-b-20 eui--clearfix">
        <li class="eui-tab-item">
            <a href="javascript:;" class="eui-tab-nav-link active">{{__("task_nav_daily_task")}}</a>
        </li>
        <li class="eui-tab-item">
            <a href="javascript:;" class="eui-tab-nav-link">{{__("task_nav_newbie_task")}}</a>
        </li>
        <li class="eui-tab-item">
            <a href="javascript:;" class="eui-tab-nav-link">{{__("task_nav_game_task")}}</a>
        </li>
    </ul>
    <ul class="eui-table-view card-list">
        <li class="eui-table-view-cell eui--position-rel eui--margin-b-20">
            <div class="eui-media eui--clearfix">   
                <div class="eui-media-body eui--position-rel eui--clearfix">                            
                    <div class="eui-media-body-l eui--pull-left">
                        <span class="eui-icon eui-icon-assign eui-media-img eui--pull-left"></span>                                      
                    </div>                
                    <div class="eui-media-body-r eui--pull-left eui--font-26 eui--black-color">  
                        <h2 class="eui-media-object-body">签到</h2>                                        
                        <p class="eui--959494-color">每日签到，+5积分</p>
                    </div>
                    <!--<span class="eui-icon eui-icon-received"></span>  -->
                </div>
                <div class="eui-media-footer eui--width-100 eui--position-rel">
                    <a href="javascript:;" class="eui-btn eui-btn-border-0 eui-btn-lg eui-btn-primary eui--width-100">{{__("btn_to_finish")}}</a>
                </div>
            </div>                    
        </li>
        <li class="eui-table-view-cell eui--position-rel eui--margin-b-20">
            <div class="eui-media eui--clearfix">   
                <div class="eui-media-body eui--position-rel eui--clearfix">                            
                    <div class="eui-media-body-l eui--pull-left">
                        <span class="eui-icon eui-icon-gift eui-media-img eui--pull-left"></span>                                      
                    </div>                
                    <div class="eui-media-body-r eui--pull-left eui--font-26 eui--black-color">  
                        <h2 class="eui-media-object-body">礼包名称《剑侠情缘》新手礼包</h2>                                        
                        <p class="eui--959494-color">1000银个字符）</p>
                    </div>
                    <span class="eui-icon eui-icon-received">
                        <b class="eui-icon-text eui--font-w-normal">{{__("btn_received_serrated")}}</b>                            
                    </span>  
                </div>
            </div>                    
        </li>
        <li class="eui-table-view-cell eui--position-rel eui--margin-b-20">
            <div class="eui-media eui--clearfix">   
                <div class="eui-media-body eui--position-rel eui--clearfix">                            
                    <div class="eui-media-body-l eui--pull-left">
                        <span class="eui-icon eui-icon-gift_active eui-media-img eui--pull-left"></span>                                      
                    </div>                
                    <div class="eui-media-body-r eui--pull-left eui--font-26 eui--black-color">  
                        <h2 class="eui-media-object-body">礼包名称《剑侠情缘》新手礼包</h2>                                        
                        <p class="eui--959494-color">1000银两；</p>
                    </div>  
                </div>
                <div class="eui-media-footer eui--width-100 eui--position-rel">
                    <a href="javascript:;" class="eui-btn eui-btn-lg eui-btn-receive_serrated eui--width-100">{{__("btn_receive_serrated")}}</a>
                </div>
            </div>                    
        </li>
        <li class="eui-table-view-cell eui--position-rel eui--margin-b-20">
            <div class="eui-media eui--clearfix">   
                <div class="eui-media-body eui--position-rel eui--clearfix">                            
                    <div class="eui-media-body-l eui--pull-left">
                        <span class="eui-icon eui-icon-gift_active eui-media-img eui--pull-left"></span>                                      
                    </div>                
                    <div class="eui-media-body-r eui--pull-left eui--font-26 eui--black-color">  
                        <h2 class="eui-media-object-body">礼包名称《剑侠情缘》新手礼包</h2>                                        
                        <p class="eui--959494-color">1000银两；1000银个字符）1000银个字符）1000银个字符）1000银个字符）</p>
                    </div>  
                </div>
                <div class="eui-media-footer eui--width-100 eui--position-rel">
                    <a href="javascript:;" class="eui-btn eui-btn-lg eui-btn-receive_serrated eui--width-100">{{__("btn_receive_serrated")}}</a>
                </div>
            </div>                    
        </li>
    </ul> 
</div>
{% endblock %}